Code - chominsoo4245/mjon

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <!DOCTYPE html> <html lang="ko"> <head> <title>한국공예·디자인문화진흥원</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="한국공예·디자인문화진흥원에 대한 정보를 제공합니다."> <meta name="keywords" content="한국공예·디자인문화진흥원"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="/js/tab.js"></script> <link href="/css/style.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/css/style.min.css"> <link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="/css/page.css" rel="stylesheet"> <link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" /> <script defer src="/js/jquery.flexslider.js"></script> <link href="/css/index.css" rel="stylesheet"> <script type="text/javascript"> $(document).ready(function(){ if($(window).width() < 701){ $('.main_magazine').attr("onclick", "javascript:location.href='${popupzoneList_05[0].mlink}'"); } // 실서버 if($(location).attr('host').indexOf("kcdf.or.kr") != -1){ if($(location).attr('host').indexOf("www") == -1){ var strurl = $(location).attr('href'); strurl = strurl.replace("kcdf.or.kr", "www.kcdf.or.kr"); window.location.replace(strurl); } } //레이어 팝업 띄우기 <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10"> <c:if test="${popupListData.popupType eq 'L'}"> if(fnGetCookie('layer_${popupListData.popupId}') == null){ $("#layer_pop_${popupListData.popupId}").fadeIn(); } </c:if> </c:forEach> //윈도우 팝업 띄우기 <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10"> <c:if test="${popupListData.popupType eq 'W'}"> if(fnGetCookie('${popupListData.popupId}') == null ){ fn_openPopup('${popupListData.popupId}', '${popupListData.sortNum}','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}'); } </c:if> </c:forEach> }); function fn_layerClose(popupId){ $("#layer_pop_"+popupId).fadeOut(); } function fn_egov_inqire_notice(bbsId, nttId) { document.frm.bbsId.value = bbsId; document.frm.nttId.value = nttId; document.frm.method = "get"; if("EXTBBSM_000000000002" == bbsId){ //입찰 document.frm.action = "/web/cop/bbs/viewExtBoard.do"; }else{ document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do"; } //document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do"; document.frm.submit(); } function fn_egov_inqire_notice_secd(bbsId, nttId, seCd) { document.frmSecd.bbsId.value = bbsId; document.frmSecd.nttId.value = nttId; document.frmSecd.seCd.value = seCd; document.frmSecd.method = "get"; if("EXTBBSM_000000000002" == bbsId){ //입찰 document.frmSecd.action = "/web/cop/bbs/selectExtBbsList.do"; document.frmSecd.submit(); }else{ document.frmSecd.action = "/web/cop/bbsWeb/selectBoardArticle.do"; document.frmSecd.submit(); } } function checkMobileDevice() { var mobileKeyWords = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson'); for (var info in mobileKeyWords) { if (navigator.userAgent.match(mobileKeyWords[info]) != null) { return true; } } return false; } function fn_egov_addNotice() { document.frm.method = "get"; document.frm.bbsId.value = "BBSMSTR_000000000153"; document.frm.action = "/web/cop/bbs/addBoardArticle.do"; document.frm.submit(); } /* ******************************************************** * 팝업창 오픈 쿠키 정보 OPEN ******************************************************** */ function fnGetCookie(name) { var prefix = name + "="; var cookieStartIndex = document.cookie.indexOf(prefix); if (cookieStartIndex == -1) return null; var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length); if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length; return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)); } /* ******************************************************** * 쿠키설정 ******************************************************** */ function fnSetCookiePopup( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } /* ******************************************************** * 체크버튼 클릭시 ******************************************************** */ function fnPopupCheck(popupId , typeFlag) { fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1); fn_layerClose(popupId); } function fn_openPopup(popupId,seq,width,height,x,y){ if(width < 200){ width = 200; } if(height < 200){ height = 200; } var openPopup = window.open('<c:url value='/web/main/EgovPopup.do'/>'+'?popupId='+popupId, 'pop_'+popupId,'width='+width+',height='+height+',top='+y+',left='+x); if(openPopup != null){ if (window.focus) {openPopup.focus()} } } </script> <style> .btn{ background: none;} .btn:hover {background:none;} </style> </head> <body> <section class="main">   <div id="slides" class="visual" style="cursor:pointer;"> <c:forEach var="result" items="${mainzoneList}" varStatus="status"> <img alt="${result.mazNm}" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>' <c:if test="${not empty result.mlink}" > onclick="window.open('${result.mlink}', '_blank');" </c:if> /> </c:forEach> </div> <script src="/js/jquery.slides.min.js"></script> <script type="text/javascript"> $('#slides').slidesjs({ play: { active: true, auto: false, interval: 9000, navigation:false, swap: true, effect : "slide" }, navigation: { active: true }, }); </script>  <div class="main_board_pc"> <div class="main_board"> <div class="main_board_box"> <div class="board_title">공지</div> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${noticeMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> <div class="main_board_box"> <div class="board_title">사업</div> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${bizMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> <div class="main_board_box"> <div class="board_title">입찰</div> <div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${bidMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> <div class="main_board_box"> <div class="board_title">채용</div> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${hireMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> </div> </div> <div class="main_board_mobile"> <ul class="tab_main"> <li class="current" data-tab="tab1">공지</li> <li data-tab="tab2">입찰</li> <li data-tab="tab3">사업</li> <li data-tab="tab4">채용</li> </ul>  <div class="tabcontent current" id="tab1"> <div class="main_board_box"> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${noticeMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> </div>  <div class="tabcontent" id="tab2"> <div class="main_board_box"> <div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${bidMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}' );"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> </div>  <div class="tabcontent" id="tab3"> <div class="main_board_box"> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${bizMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> <script> $(function() { $('ul.tab_main li').click(function() { var activeTab = $(this).attr('data-tab'); $('ul.tab_main li').removeClass('current'); $('.tabcontent').removeClass('current'); $(this).addClass('current'); $('#' + activeTab).addClass('current'); }) }); </script> </div>  <div class="tabcontent" id="tab4"> <div class="main_board_box"> <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div> <div class="board_list"> <ul> <c:forEach var="result" items="${hireMap}" varStatus="status"> <li><span class="lt_list"> <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );"> <c:out value="${result.nttSj}" /> </a> </span><span class="lt_date">${result.frstRegisterPnttm}</span></li> </c:forEach> </ul> </div> </div> </div> </div>  <div class="main_notice"> <div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 소식</div> <div class="flexslider main_notice_img"> <ul class="slides"> <c:forEach var="result" items="${popupzoneList_01}" varStatus="status"> <li> <div alt="${result.pozNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>); cursor:pointer;" <c:if test="${result.istarget eq 'C'}" > onclick="javascript:location.href='${result.mlink}';" </c:if> <c:if test="${result.istarget eq 'N'}" > onclick="window.open('${result.mlink}', '_blank');" </c:if> > </div> </li> </c:forEach> </ul> </div>  <script type="text/javascript"> (function() { // store the slider in a local variable var $window = $(window), flexslider = { vars:{} }; // tiny helper function to add breakpoints function getGridSize() { return (window.innerWidth < 600) ? 1 : (window.innerWidth < 900) ? 2 : 3; } $window.load(function() { $('.flexslider').flexslider({ slideshow: false, animation: "slide", animationSpeed: 400, animationLoop: false, itemWidth: 463, itemMargin: 46, minItems: getGridSize(), // use function to pull in initial value maxItems: getGridSize(), // use function to pull in initial value start: function(slider){ $('body').removeClass('loading'); flexslider = slider; } }); }); // check grid size on resize event $window.resize(function() { var gridSize = getGridSize(); flexslider.vars.minItems = gridSize; flexslider.vars.maxItems = gridSize; }); }()); </script> </div> <div class="main_gal_wr"> <div class="main_top_wr">  <div class="main_gal_left"> <div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> KCDF 갤러리 안내</div> <div class="main_gal_menu"> <ul> <li><a href="/web/content.do?proFn=kcdf_gallery" target="_blank"><img src="/img/index/main_gallery_menu01.png" alt="KCDF 갤러리 소개"></a></li> <li><a href="/web/cop/resve/selectResveList.do?viewCnd=resveList" target="_blank"><img src="/img/index/main_gallery_menu02.png" alt="KCDF 갤러리 대관신청"></a></li> <li><a href="https://library.kcdf.kr/web/" target="_blank" ><img src="/img/index/main_gallery_menu03.png" alt="KCDF 도서관 바로가기"></a></li> <li><a href="http://kcdfshop.kr/" target="_blank" ><img src="/img/index/main_gallery_menu04.png" alt="KCDF 온라인샵 바로가기"></a></li> </ul> </div> </div>  <div class="main_gal_right"> <div class="main_title_wr"><img src="/img/index/main_gallery2_icon.png" alt="아이콘"> KCDF 갤러리 전시</div> <div class="flexslider02 main_gal_img"> <ul class="slides"> <c:forEach var="result" items="${popupzoneList_02}" varStatus="status"> <li> <div alt="${result.pozNm}" style="cursor:pointer; background-image:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>);" <c:if test="${result.istarget eq 'C'}" > onclick="javascript:location.href='${result.mlink}';" </c:if> <c:if test="${result.istarget eq 'N'}" > onclick="window.open('${result.mlink}', '_blank');" </c:if> > </div> </li> </c:forEach> </ul> </div>  <script type="text/javascript"> (function() { // store the slider in a local variable var $window = $(window), flexslider = { vars:{} }; // tiny helper function to add breakpoints function getGridSize() { return (window.innerWidth < 600) ? 1 : (window.innerWidth < 900) ? 1 : 1; } $window.load(function() { $('.flexslider02').flexslider({ slideshow: false, animation: "slide", animationSpeed: 400, animationLoop: false, itemWidth: 463, itemMargin: 10, minItems: getGridSize(), // use function to pull in initial value maxItems: getGridSize(), // use function to pull in initial value start: function(slider){ $('body').removeClass('loading'); flexslider = slider; } }); }); // check grid size on resize event $window.resize(function() { var gridSize = getGridSize(); flexslider.vars.minItems = gridSize; flexslider.vars.maxItems = gridSize; }); }()); </script> </div> <div class="mobile_bottom">  <div class="main_blog"> <div class="main_title_wr"><img src="/img/index/main_blog_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 블로그</div> <ul class="main_blog_list"> <c:forEach var="result" items="${popupzoneList_03}" varStatus="status"> <li alt="${fn:substring(result.pozNm,0,7)}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>') no-repeat center #f3f3f3; background-size:cover;cursor:pointer;" <c:if test="${result.istarget eq 'C'}" > onclick="javascript:location.href='${result.mlink}';" </c:if> <c:if test="${result.istarget eq 'N'}" > onclick="window.open('${result.mlink}', '_blank');" </c:if> > <div class="blog_thum_bg" style="width: 100%;">${result.pozNm}</div></li> </c:forEach> </ul> </div>  <c:if test="${not empty popupzoneList_04}" > <div class="main_kribbon"> <div class="kribbon_thumnail" alt="${popupzoneList_04[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_04[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain;"></div> <div class="kribbon_left"> <div class="btn"> <a href="${popupzoneList_04[0].mlink}" <c:if test="${popupzoneList_04[0].istarget ne 'C'}" > target="_blank" </c:if> >바로가기</a> </div> </div> <div class="kribbon_right"> <div class="title">우수문화상품지정제</div> <div class="text"> 우수문화상품 지정제도는 한국의 문화적 가치를 담은 우수문화상품을 지정하여 한복의 옷고름 모양을 딴 K-ribbon 마크를 부착하고, 체계적인 관리와 브랜드마케팅을 통해 ‘코리아프리미엄’을 창출하고자 하는 제도 입니다. <p class="maTop10">2015년 11월 부터 시행되었으며, 문화콘텐츠, 한복, 공예품, 한식·식품 등 한국을 대표할 수 있는 문화상품들을 대상으로 합니다. </p> </div> </div> </div> </c:if>  <c:if test="${not empty popupzoneList_05}" > <div class="main_magazine"> <div class="magazine_thumnail" alt="${popupzoneList_05[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_05[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain"></div> <div class="btn"> <a href="${popupzoneList_05[0].mlink}" <c:if test="${popupzoneList_05[0].istarget ne 'C'}" > target="_blank" </c:if> ><img src="/img/index/main_magazine_btn.png" alt="정기구독신청"></a></div> <div class="text01"> 「공예+디자인」은<br> 한국공예디자인문화진흥원이<br> 격월로 발행하는 공예·디자인<br> 전문간행물입니다. </div> <div class="text02">공예 + 디자인 격월발행</div> </div> </c:if> </div> </div> </div>  <div id="link_wrap"> <div class="link_wrap_1300"> <div class="flexslider03 banner_img">  <ul class="slides"> <c:forEach var="banner" items="${bannerList}" varStatus="status"> <li> <div alt="${banner.bannerNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>) no-repeat center; background-size:contain ;cursor: pointer;"; <c:if test="${banner.istarget ne 'C'}" > onclick="window.open('${banner.linkUrl}', '_blank');" </c:if> <c:if test="${banner.istarget eq 'C'}" > onclick="window.open('${banner.linkUrl}', '_self');" </c:if> ></div> </li> </c:forEach> </ul>  </div>  <script type="text/javascript"> (function() { // store the slider in a local variable var $window = $(window), flexslider = { vars:{} }; // tiny helper function to add breakpoints function getGridSize() { return (window.innerWidth < 500) ? 3 : (window.innerWidth < 900) ? 5 : 8; } $window.load(function() { $('.flexslider03').flexslider({ slideshow: false, animation: "slide", animationSpeed: 400, animationLoop: false, itemWidth: 140, itemMargin: 30, // 190207 수정 minItems: getGridSize(), // use function to pull in initial value maxItems: getGridSize(), // use function to pull in initial value start: function(slider){ $('body').removeClass('loading'); flexslider = slider; } }); }); // check grid size on resize event $window.resize(function() { var gridSize = getGridSize(); flexslider.vars.minItems = gridSize; flexslider.vars.maxItems = gridSize; }); }()); </script> </div> </div> </section> <form name="frm" action="web/cop/bbsWeb/selectBoardArticle.do" method="get"> <input type="hidden" name="bbsId" /> <input type="hidden" name="nttId" value="0" /> </form> <form name="frmSecd" action="web/cop/bbsWeb/selectBoardArticle.do" method="get"> <input type="hidden" name="bbsId" /> <input type="hidden" name="nttId" value="0" /> <input type="hidden" name="seCd" /> </form>  <c:if test="${fn:length(popupList) > 0}" > <style type="text/css"> .pop-layer .pop-container {padding: 0px 0px;} .pop-layer p.ctxt {color: #666;line-height: 25px;} .pop-layer .btn-r {width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right;} .pop-layer {display: none;position: absolute;background-color: #fff;border: 1px solid #3571B5;z-index: 10;} </style> <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4"> <c:if test="${popupListData.popupType eq 'L'}"> <style type="text/css"> #layer_pop_${popupListData.popupId}{ top: ${popupListData.popupVrticlLc}px; left: ${popupListData.popupWidthLc}px; height: auto; } </style> <div id="layer_pop_${popupListData.popupId}" class="pop-layer"> <div class="pop-container"> <div class="pop-conts">  ${popupListData.nttCn} <div class="btn-r"> <a href="#" onclick="fn_layerClose('${popupListData.popupId}'); return false;" class="btn-layerClose">Close</a> <br/> 하루동안 창을 열지 않음 <input type="checkbox" name="chkPopup" value="" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" title="하루동안창열지않기체크"> </div>  </div> </div> </div> </c:if> </c:forEach> </c:if>  </body> </html>